function mnprodutos() {
	$('#content').load("html/manterprodutos.html #pnlMntrProdutos", function() {
		montarGridProdutos();
		
		$('#tabs').tabs();
	});
}

function montarGridProdutos() {
	var pCampos = {
	    	id: {key: true,
		   		 create: false,
		   		 edit: false,
		   		 list: false},
		   	codigo: {title: 'Código',
		   			 width: '10%'},
		    descricao: {title: 'Descrição',
		    			width: '90%'},
		    unidade_compra_id: {type: 'hidden',
		    				 	list: false},
		    unidade_compra_desc: {title: 'Unid. Compra',
		    					 list: false},
		    unidade_venda_id: {type: 'hidden',
							   list: false},
		    unidade_venda_desc: {title: 'Unid. Venda',
		    					list: false},
		    unidade_padrao: {title: 'Unid. Padrão',
							 list: false,
							 type: 'radiobutton',
							 options: {'c': 'Unidade de Compra', 
								 	   'v': 'Unidade de Venda'},
							 defaultValue: 'v'},
		    obs: {title: 'Observações',
				  list: false},
		};
	var pChave = 'codigo ASC';
	var pClasse = 'produto';
	var pFiltro = new Array({campo: 'codigo', titulo: 'Código', selecionado: true},
							{campo: 'descricao', titulo: 'Descrição', selecionado: false},
							{campo: 'obs', titulo: 'Observações', selecionado: false});

	$('#pnlProdutos').load("html/manter.html #pnlMntr", function() {
		// campos de filtro
		var pnlFiltro = $('<div>');
		var cbb = $('<select>').attr({id: 'cbbCampo', name: 'cbbCampo'});
		var ipt = $('<input>').attr({type : "text", name: 'edtFiltro', id: 'edtFiltro'});
		var item = null;
		
		for (var opt in pFiltro) {
			item = $('<option>').attr({
					value: pFiltro[opt].campo,
					
				}).append(pFiltro[opt].titulo);

			if (pFiltro[opt].selecionado) {
				$(item).attr({selected: "selected"});
			}

			$(cbb).append(item);
		}
		$(pnlFiltro).append(cbb, " ", ipt);
		// fim campos de filtro

		$('#grdDataset').jtable({
		    messages: getJTableMessages(),
			title: '&nbsp;',
			paging: true,
			selecting: true,
			multiselect: true,
			actions: {
	                listAction: 'post.php?action=' + pClasse + '.consultar',
	                createAction: 'post.php?action=' + pClasse + '.inserir',
	                updateAction: 'post.php?action=' + pClasse + '.alterar',
	                deleteAction: 'post.php?action=' + pClasse + '.excluir'
			},
		        fields: pCampos,
		        sorting: true,
		        toolbar: {
				hoverAnimation: true,
				items: [{text:  $(pnlFiltro)},
					{text: 'Filtrar',
					click: carregarDadosGrid},
					{text: 'Excluir selecionados',
					 click: excluirSelecionados,
					 icon: 'css/themes/lightcolor/delete.png'
					}]
			},
		    defaultSorting: pChave,
		    formCreated: function(event, data) {
		    	$('input[name="unidade_compra_desc"]').autocomplete({
		    		source: function (request, response) {
		    			params = [{
		    							nome: "action",
		    							valor: "unidademedida.consultarDescricao"
		    						},
		    						{
		    							nome: "descricao",
		    							valor: request.term
		    						}];

		    			exec(params, 
		    					function(dados) {
		    						if (dados.Records) {
		        						response($.map(dados.Records, function (item) {
		        							return [{label: item.descricao, id:item.id}];
		        						}));
		    						}
		    					});
		    		},
		    		select: function( event, ui ) {
		    	         $('input[name="unidade_compra_id"]').val(ui.item.id);
		    	      }
		    	});
		    	$('input[name="unidade_venda_desc"]').autocomplete({
		    		source: function (request, response) {
		    			params = [{
		    							nome: "action",
		    							valor: "unidademedida.consultarDescricao"
		    						},
		    						{
		    							nome: "descricao",
		    							valor: request.term
		    						}];

		    			exec(params, 
		    					function(dados) {
		    						if (dados.Records) {
		        						response($.map(dados.Records, function (item) {
		        							return [{label: item.descricao, id:item.id}];
		        						}));
		    						}
		    					});
		    		},
		    		select: function( event, ui ) {
		    			$('input[name="unidade_venda_id"]').val(ui.item.id);
		    		}
		    	});
		    }
		});
		
		// carregar dados
	    carregarDadosGrid();
		
		$('#grdDataset').show();
	    $('#pnlMntr').draggable();
	});	
}
